<template>
  <div class="Mine_box">
    <div class="header">
      <HeaderSet />
      <LogAndReg />
      <Ticket />
      <OrderForm />
    </div>
    <PersonalNav />
    <Service />
    <Interact />
    <GoodsList />
    <FooterNav />
  </div>
</template>

<script>
import HeaderSet from "./components/minePage/HeaderSet.vue";
import LogAndReg from "./components/minePage/LogAndReg.vue";
import Ticket from "./components/minePage/Ticket.vue";
import OrderForm from "./components/minePage/OrderForm.vue";
import PersonalNav from "./components/minePage/PersonalNav.vue";
import Service from "./components/minePage/Service.vue";
import Interact from "./components/minePage/Interact.vue";
import GoodsList from "./components/minePage/GoodsList.vue";
import FooterNav from "./components/minePage/FooterNav.vue";
export default {
  components: {
    HeaderSet,
    LogAndReg,
    Ticket,
    OrderForm,
    PersonalNav,
    Service,
    Interact,
    GoodsList,
    FooterNav
  },
};
</script>

<style scoped>
.Mine_box {
  background-color: #f1f3f5;
}

::-webkit-scrollbar {
  display: none;
}

img {
  display: block;
}

.header{
  width: 4.14rem;
  height: 2.7rem;
  background: url(../../assets/binbing/mineImg/head_bg_new.png) no-repeat;
  background-size: 4.14rem 2rem;
}
</style>